<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
        模块:
                1.文件模块   
                2.目录模块 
                3.第三方模块

        第三方模块(包):会通过 包管理工具: npm :
        npm 会随node 安装一并安装
        查看npm 版本  npm -v
        npm 可以 自动 下载 更新 删除 第三方模块
        npm 常用指令::
            1.npm install 模块名
             npm install 简写 i 模块名称
             npm 默认会在 https://registry.npmjs.org/
             查看npm 下载服务器 路径 npm config get registry
             可以在 https://www.npmjs.com/ 查找 模块是否存在

             先初始化一个package.json文件
             安装 jq : npm i jquery   默认会安装在指令所在的目录
             1.-g  修饰符:  全局安装模块
                npm i jquery -g :  默认安装在全局的node_modules里
                查看全局node_modules目录  npm root -g
              2. @ 指定模块版本
              npm i 模块名@2 
              3.开发依赖和正式依赖  -S -D
              正式依赖: npm i vue  等同于 npm i vue --save 简写 npm i vue -S   
                dependencies : 在开发环境和正式环境都需要用到的模块,默认 模块会在package.json 里写入模块名及版本
            开发依赖: npm i less --save-dev 简写 npm i less -D
                devDependencies : 只在开发时候需要用到的模块

            4.自动安装  npm i 
                会自动查找  目录里的dependcies  以及 devDependenices 里面的所有依赖,一次性全部自动安装好

        二>. 删除模块
        npm remove 模块名 npm uninstall 模块名

        三. 其它指令
        1.npm init  初始化package.json文件
        2.npm root:  自动查找项目的node_modules文件路径
        3.npm root -g : 查找全局node_modules的文件路径
        4.npm  -h : 查看npm 的帮助
        5.npm update 模块化 : 更新模块
        6.npm search 模块名 : 查找某个模块
        7.npm list : 查找本地的模块
        
        四.package.json的字段
            name：包名

            version：版本

            main：入口程序

            scripts：执行脚本 ： 指令的简写 
            {scripts:{
                "dev":"webpack-devserve index.js --open"
            }}

            dependencies：运行依赖

            devDependencies：开发依赖

            dependencies与devDependencies有什么区别？

            devDependencies 里面的插件只用于开发环境，不用于生产环境

            dependencies 是需要发布到生产环境的


        */
    </script>
</body>
</html>